import Vue from 'vue'
/* 2.21 引入vant 框架 */
import { Search, Col, Row, Cell, ShareSheet, Toast, Uploader, Dialog, Field, Picker, Icon, Badge, Tabs, Tab, ActionSheet, List, PullRefresh } from 'vant'


import App from './App.vue'
// import App from './components/new/listimg.vue'
// import App from './views/login.vue'

Vue.config.productionTip = false

/*  添加全局重置样式 */
import '@/styles/reset.less'
/* 引入路由模块 */
import router from '@/router/index.js'

/*  注册vant框架中的toast清提示功能 */
//在vue实例中挂载vant框架中的$toast功能
Vue.use(Toast)
  .use(Uploader)
  .use(Dialog)
  .use(Field)
  .use(Picker)
  .use(Icon)
  .use(Badge)
  .use(Tabs)
  .use(Tab)
  .use(ActionSheet)
  .use(List)
  .use(PullRefresh)
  .use(ShareSheet)
  .use(Cell)
  .use(Col)
  .use(Row)
  .use(Search)

//vue实例才是vm,他才可以进行渲染操作
new Vue({
  /* 添加路由 */
  router,
  //render 可以实现渲染
  //是一个函数,有一个参数h,h才是整整进行渲染功能的函数
  //给h传入一个需要选渲染的根组件,可以解析出当前组件的数据
  render: h => h(App),
}).$mount('#app')  //$mount 是将渲染的结构填充到制定的位置

